<template>
  <div class="flex jcc mgb20">
    <!-- <div class="footerSafe"></div>
    <div class="footer">
      <van-button class="clkBtn" @click="next">{{ btntxt }}</van-button>
    </div> -->
    <div class="mbtn btnw">{{ btntxt }}</div>
  </div>
</template>
<style>
@import "../ui/vant-ui/ui.css";
@import "../public.css";
.footerSafe {
  height: 80px;
}
.footer {
  /* position: fixed;
  width: 100%;
  bottom: 0; */
  height: 60px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.clkBtn {
  margin-bottom: 20px;
  width: 80%;
  margin: 0 auto;
  background-color: var(--primary-color);
  color: #fff;
}
.btnw{
  width: 300px;
  padding: 10px 0 !important;
  text-align: center;
}
@media (min-width:713px){
  .footer{
    width: 500px;
    position: static;
  }
}
</style>
<script>
module.exports = {
  name: "ufooter",
  props: ["btntxt", "ck"],
  methods: {
    next() {
      this.ck();
    },
  },
};
</script>
